{% extends "base.html" %}
{% block title %}书籍添加{% endblock %}
{% block content %}
<form  style="width:900px; margin: 10px auto 0; " enctype="multipart/form-data" method="post" action="/phone/add">
<fieldset style="float: left; width:400px; clear:none">
<legend>书籍内容</legend>
<ul style="list-style:none;">
<li>
<label>书名：</label>
<input type="text" name="name" /></li>
<li><label>作者：</label>
<input type="text" name="author" /></li>
<li><label>类别：</label>
<select name="cid"><option value="0">请选择类别</option>
{% recurse category in cats children="children" indent=(0,20) %}
<option style="padding-left:{{indent}}px;" value="{{category.key.id}}">{{category.name}}</option>
{% yield %}
{% endrecurse %}
</select><span><a href="/phone/category?action=add">新增类别</a></span></li>
<li><label>出版社：</label>
<select name="pressId"><option value="0">请选择出版社</option>
{% for press in presses %}<option value="{{press.key.id}}">{{press.name}}</option>{% endfor %}
</select></li>
<li><label>预览图：</label>
<input type="file" name="preview" id="previewPic" /></li>
<li><label>封面图片：</label>
<input type="file" name="cover" id="upfile" onchange="splitFile()" />
<input id="filename" type="hidden" name="filename">
<input id="fileext" type="hidden" name="fileext">
</li>
<li><label>封面故事：</label>
<textarea name="coverStory"></textarea></li>
<li><label>价格：</label>
<input type="text" name="price" /></li>
</ul>
</fieldset>

<fieldset style="float: right; width:400px; clear:none;">
<legend>选填内容</legend>
<ul style="list-style:none;">
<li>
<label>期刊号/册：</label>
<input type="text" name="issue" /></li>
<li><label>ISBN：</label>
<input type="text" name="isbn" /></li>
<li><label>语言：</label>
<select><option>请选择语言</option></select></li>
<li><label>出版日期：</label>
<input type="text" name="pub_date" /></li>
</ul>
</fieldset>

<fieldset style="float: left; width:400px; clear:left; margin:20px 0 20px;">
<legend>页面内容</legend>
<ul style="list-style:none;">
<li><label>标题：</label>
<input type="text" name="title" /></li>
<li><label>子标题：</label>
<input type="text" name="subtitle" /></li>
<li><label>所属章节：</label>
<input type="text" name="chapter" /></li>
<li><label>页面简介：</label>
<textarea name="intro" ></textarea></li>
<li><label>竖屏模板：</label>
<select><option>请选择模板</option></select></li>
<!--<li><label>支持横屏：</label>
<input type="checkbox"  /></li>-->
<li><label>横屏模板：</label>
<select><option>请选择模板</option></select></li>
</ul>
</fieldset>
<fieldset style="float: right; width:400px; clear:right;margin-top:20px;">
<legend>页面模板内容</legend>
<ul style="list-style:none;">
<li>
<label>期刊号/册：</label>
<input type="text" name="issue" /></li>
<li><label>ISBN：</label>
<input type="text" name="isbn" /></li>
<li><label>类别：</label>
<select><option>请选择类别</option></select></li>
<li><label>语言：</label>
<select><option>请选择语言</option></select></li>
<li><label>出版日期：</label>
<input type="text" name="pub_date" /></li>
</ul>
</fieldset>
<input style="float:left; clear:both;" type="submit" value="添加书籍" />
</form>
{% endblock %}
